<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{padding: 0;margin: 0;}
		
		html,body{
			height: 100%;
		}
		
		.wrapper{
			width: 100%;
			height: 100%;
			display: grid;
			grid-template-columns: auto auto auto;
		}
		.col{
			height: 100%;
            background: #91dab9;
		}
        .col:nth-child(2) {
            margin: 0 10px;
        }
		
	</style>
</head>
<body>
	<div class="wrapper">
		<div class="col">第一列</div>
		<div class="col">第二列</div>
		<div class="col">第三列</div>
	</div>
</body>
</html>